<template>
  <el-dialog class="expend-popup" :visible="showDialog" title="交易记录" :before-close="btnCancel" @open="getList">
    <el-form label-width="140px" :model="editList">

      <el-form-item label="店铺名称:">
        <el-input v-model="editList.shop_name" size="medium" style="width:80%" disabled />
      </el-form-item>

      <el-form-item label="店主名称:">
        <el-input v-model="editList.ctct_name" size="medium" style="width:80%" disabled />
      </el-form-item>
      <el-form-item label="客户地址:">
        <el-input v-model="editList.delivery_addr" size="medium" style="width:80%" disabled />
      </el-form-item>
      <el-form-item label="交易类型:">
        <el-input v-model="editList.delivery_meth" size="medium" style="width:80%" disabled />
      </el-form-item>
      <el-form-item label="交易金额:">
        <el-input v-model="editList.ordr_amt" size="medium" style="width:80%" disabled />
      </el-form-item>
      <el-form-item label="交易时间:">
        <el-input v-model="editList.ordr_time" size="medium" style="width:80%" disabled />
      </el-form-item>
    </el-form>
    <el-row slot="footer" class="dialog-footer" type="flex" justify="center">
      <el-button @click="btnCancel">取 消</el-button>
      <el-button type="primary" @click="btnOk">确 定</el-button>
    </el-row>
  </el-dialog>
</template>
<script>
export default {
  props: {
    showDialog: {
      type: Boolean,
      default: false
    }

  },
  data() {
    return {
      editList: {
        shop_name: '',
        ctct_name: '',
        delivery_addr: '',
        delivery_meth: '',
        ordr_amt: '',
        ordr_time: ''
      }
    }
  },
  methods: {
    btnCancel() {
      this.$parent.showDialog = false
    },
    btnOk() {
      this.$parent.showDialog = false
    },
    getList() {
      this.editList = this.$parent.BulletBoxList
    }
  }

}
</script>
<style lang="scss" scoped>

</style>
